<style type="text/css">
	.order-area {
		width: 1000px;
		height: 385px;
		position: relative;
	}

	.table-cap {
		width: 790px;
		height: 18px;
		background-color: #fff0e1;
		border-radius: 100px;
		border: 1px solid #f3e0cc;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.cap-ct {
		width: 770px;
		height: 10px;
		background-color: #e5ccb3;
		border-radius: 100px;
	}

	.tb-ct {
		width: 769px;
		height: 239px;
		border: 1px solid #ccc;
		margin-top: -6px;
		margin-left: 10px;
		padding: 0 18px;
		display: flex;
		flex-direction: column;
		background-color: white;
	}

	.tb-header {
		height: 34px;
		background-color: #fffdfa;
		border: 1px solid #e5e5e5;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.tb-header>div {
		font-size: .75rem;
		color: #999;
		text-align: center;
	}

	.tb-body {
		width: 770px;
		height: 165px;
		overflow: auto;
		position: absolute;
		top: 738px;
		left: 9px;
	}

	.tb-footer {
		height: 40px;
		background-color: #f1f1f1;
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		width: 769px;
		margin-left: 10px;
	}

	.zhui-hao {
		flex: 1;
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 0%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding-left: 20px;
	}

	.switch {
		margin-left: 23px;
		width: 68px;
		height: 26px;
		position: relative;
		margin-top: -51px;
	}

	.switch>input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}

	.switch>label {
		display: block;
		width: 100%;
		height: 100%;
		background: #666;
		border-radius: 40px;
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, .2), 0 1px 0 hsla(0, 0%, 100%, .5);
	}

	.switch>label>i {
		display: block;
		height: 100%;
		width: 60%;
		border-radius: inherit;
		position: absolute;
		z-index: 2;
		right: 40%;
		top: 0;
		background: #b2ac9e;
		background: linear-gradient(#f7f2f6, #b2ac9e);
		box-shadow: inset 0 1px 0 #fff, 0 0 8px rgba(0, 0, 0, .3), 0 5px 5px rgba(0, 0, 0, .2);
	}

	.bet-total {
		flex: 3;
		display: flex;
		justify-content: flex-end;
		padding-right: 20px;
	}

	.bet-total>span {
		font-size: .875rem;
	}

	.bet-total>span>span {
		font-size: .875rem;
		color: #d73021;
		padding: 0 3px;
	}

	.chase-choice {
		font-size: .875rem;
		color: #e94335;
	}

	.bet-actions {
		width: 210px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		margin-left: 800px;
		margin-top: -286px;
	}

	.bet-actions>button {
		cursor: pointer;
		width: 180px;
		height: 40px;
		background-color: #fafafa;
		border: 1px solid #ddd;
		font-size: 1rem;
		margin-top: 20px;
	}

	.bet-actions>button:hover {
		border: 1px solid #fc6053;
	}

	.bet-actions>.bet-confirm {
		border: none;
		height: 60px;
		font-size: 1.375rem;
		color: #fff;
		background-color: #d73021;
	}

	.bet-confirm:hover {
		border: none;
		background-color: #ff7f40;
	}

	#J-balls-order-container>li:hover {
		background-color: #ADD9C0;
	}
</style>


<!--确认购买框-->
<style type="text/css">
	.goumai{
		position: relative;
	}

	.goumai2{
		position: absolute;
		top: 88%;
   		left: 34%;
   		top: 0;
		width: 62px;
		height: 40px;
		background-color: #ccc;
		opacity: 0.5;
		display: none;
	}
	#button{
		width: 60px;
	    height: 30px;
	    position: absolute;
	    top: 0;
	    left: 1px;
	    opacity: 0;
	}

	#J-submit-order:hover{
		background-color: #ff7f40;
	}

	.tb_header{
		display: inline-block;
		height: 34px;
		width: 842px;
		background-color: #fffdfa;
		border: 1px solid #e5e5e5;
		position: absolute;
		top: 0;
	}
	.tb_header>div{
		display: inline-block;
		font-size: .75rem;
		color: #999;
		text-align: center;
		line-height: 34px;
	}
	#J-submit-order:hover{
		background-color: #ff7f40;
	}

	#zhuihao_k{
		display: none;
	}
</style>


<div id="panel_confirm">
	<!-- 选球统计结束 -->
	<div class="panel-section">
		<div class="panel-section clearfix">
			<div class="clearfix" >
				<div id="" style="width: 867px;height: 20px; background-color: #fff0e1; border-radius: 10px;"></div>
				<div class="panel-select">
					<div id="" style="width: 850px;height: 10px; background-color: #e5ccb3; border-radius: 10px;margin-top: -11px;margin-left: 10px;">

					</div>
					<div class="panel-select" style="position: relative;margin-top: -11px;width: 844px;margin-left: 14px;">
						<div   style="height:180px;border: 2px solid #ccc;position: relative;padding-top: 35px;margin-top: 6px;">
							<div id="" class="tb_header" >
								<div id="" style="width: 204px;">玩法</div>
								<div id="" style="width: 86px;">单注</div>
								<div id="" style="width: 140px;">总金额</div>
								<div id="" style="width: 97px;">赔率</div>
								<div id="" style="width: 137px;">注数</div>
								<div id="" style="width: 151px;">操作</div>

								<ul id="J-balls-order-container">
                                    
								</ul>
							</div>
						</div>
					</div>
				</div>
				<style type="text/css">
				.panel-section_right{float: right;width: 152px;}
				.panel-section_right div{width: 140px;margin: 10px 0 0 5px;height: 40px;border: 1px solid #CCCCcc;line-height: 40px;text-align: center;}
				.panel-section_right div:hover{border-color:red;background: #FAFAFA;cursor: pointer;}
				</style>
				<div class="panel-section_right" >
					<div onclick="a();random_core({$class_id})" class="suiji_yi">随机一注</div>
					<div onclick="a();random_core_five({$class_id})" class="suiji_wu">随机五注</div>
					<div id="whole_1">全部删除</div>
				</div>
				<div class="clear"></div>
			</div>
			
			
			
			<ul class="bet-statistics">
				<li>注数
					<em id="J-gameOrder-lotterys-num">0</em> 注， </li>
				<li>金额
					<strong class="price">
						<dfn>¥</dfn>
						<span id="J-gameOrder-amount">0</span>
					</strong>
					<font id="yjfms">元</font>
				</li>
				{if ($game_id neq 5 && $game_id neq 7 && $game_id neq 51)}
				<li>
					<label class="label" for="J-trace-switch" onclick="recentT_zhuihao()" style="display:block">我要追号</label>
				</li>
				<li style="position: relative;">
					<!--<span class="bet-tips" onclick="recentT_zhuihao()" style="display:block">
						追号能提高中奖率
					</span>-->

					<div id="" onclick="recentT_zhuihao()" >
						<img src="__TEMPLATE__/sysme/images/zhuihao_g.png"/>
					</div>

					<div id="zhuihao_k"style="position: absolute;bottom: 0px;left: 0;">
						<img src="__TEMPLATE__/sysme/images/zhuihao_k.png"/>
					</div>
				</li>
				{/if}
				<li class="fr">
					<div class="betbtn">
						<!--不用的参数-->
						<input type="hidden"  id="cp_fp_time" value="0" >
						<input type="hidden"  value="{$qihao_cur}" id="qihao_cur_spec" />
						<input type="hidden"  value="{$qihao_fur}" id="qihao_fur_spec" />
						<input type="hidden"  value="{$fandian}" id="no_fandian" />
						<input type="hidden"  value="{$wf_info.0.zgpl}" id="no_zdpl" />
						<input type="hidden"  value="{$wf_info.0.zdpl}" id="no_zxpl" />
						<input type="hidden"  value="{$game_id}" id="no_czid" />
						<input type="hidden"  value="{$wf_info.wanfa}" id="no_wfid" />
						<input type="hidden"  value="1" id="no_yuanjiaofen" />
						<input type="hidden"  value="" id="no_old_tzhm" />
						<input type="hidden"  value="{$now_time_windows}" id="no_xttime" />
						<input type="hidden"  id="fandian" value="0" >
						<input type="hidden"  value='{$wf_info_json}' id="wf_info_json" />
						<input type="hidden"  value="{$class_id}" id="class_id" />
						<input type="hidden"  id="peilv" value="{$peilvs}">
						<input type="hidden"  id="touzhu_qihao" value="{$qihao_quan}" >
						<input type="hidden"  id="touzhu_shi" value="" >
						<input type="button" id="J-submit-order" value="投注检测中" class="submitBtn" style="width: 140px;height: 45px;color: white;background:grey;">
					</div>
				</li>

			</ul>

			<div class="chase-tab" style="display:none" id="zhuihaodm">
				<div class="chase-tab-title clearfix">
					<ul style="margin-left:10px">
						<li id="base_chase" onclick="onChasetabClick(this, 1)" class="chase-tab-t current">连续追号</li>
					</ul>
				</div>
				<div id="chase-tab-content-current" style="display: block;" class="chase-tab-content chase-tab-content-current">
					<ul class="chase-select-normal clearfix">
						<li id="J-function-select-tab">连续追号期数：
							<input value="10" id="zhuihaoqishu" style="width:40px; text-align:center; margin-bottom:10px">
							<input type="button" class="submitBtn" value="确定" onclick="zhuihao_class()" style="width:80px; height:25px; top:1px; line-height:25px; font-size:14px">
							<ul class="function-select-panel" style="display: none;">
								<li></li>
								<li class="panel-current"></li>
								<li></li>
								<li></li>
							</ul>
						</li>

						<li>倍数：
							<div class="choose-model ui-simulation-select">

								<span class="info">
									<input id="J-trace-select-multiple" onafterpaste="this.value=this.value.replace(/\D/g,'')" onkeyup="changeTraceRowMultiple()"
									 data-realvalue="1" class="choose-input" type="text" value="1">
								</span>
							</div>

						</li>
						<!-- 						
						<li style="margin-top:4px">中奖停止：
							<div class="choose-model ui-simulation-select">
								<input type="checkbox" style="vertical-align:middle;">
							</div>		
						</li>
 						-->
						<li>
							当前追号需要：
							<font style="color:#990000" id="ZhuiHaoZongJinE">0</font>元
							<input type="button" id="zhuihao-submit-order" class="submitBtn" value="确定追号" onclick="zhuihao_queren()" style="width:120px; height:25px; top:1px; line-height:25px; font-size:14px">
						</li>

					</ul>

					<div class="chase-table-container" style=" line-height:400px; text-align:center; font-size:18px; font-weight:800" id="wuzhuihaoxinx">加载中...</div>

					<div class="chase-table-container" id="zhuihaolist" style="display:none">
						<table id="J-trace-table" class="chase-table">
							<tbody id="J-trace-table-body">


							</tbody>
						</table>
					</div>

				</div>

			</div>
		</div>

	</div>
</div>

<!--遮罩层-->
<div id="JS_blockOverlay" style="z-index: 201; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(221, 221, 221); opacity: 0.4; cursor: default; position: fixed; display: none"></div>

<!---确认购买框-->
<style>
.sure_goumai	{  width: 680px;
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -340px;
    top: 10%;
    border: 1px solid #E94335;
    background-color: #FFFFFF;
    justify-content: space-between;}
</style>

<div class="j-ui-miniwindow pop w-9 dialog goumai1 sure_goumai" id="buyConfirmPop" style="width:680px;display: none;padding:0;">
	<div class="hd" style="background:red;height:40px;line-height:40px;">
		<!--<i class="close closeBtn" onClick="hideBuyConfirmPop();"></i>-->
		<span class="title" style="color:#fff;float:left;font-size:14px;margin-left:10px;">温馨提示</span>
		<span style="color:#fff;display:block;float:right;margin-right:10px;font-size:20px;" id="quxiao_touzhu">×</span>
	</div>
	<div style="width:100%;height:55px;line-height:55px;">
		
		<p style="width:100%;text-align: center;">确定要加入<span id="J-lottery-info-number-touz" style="color:red">{$qihao_fur}</span>期吗？</p>
	</div>
	<div class="bd" style="width:600px;height:auto;margin:0 auto;overflow: hidden;">
		<div class="tb_header" style="width:580px;margin-top:100px;">
			<div id="" style="width: 120px;float:left;">玩法</div>
			
			<div id="" style="width: 50px;float:left;">单位</div>
			<div id="" style="width: 290px;float:left;">内容</div>
			<div id="" style="width: 50px;float:left;">总金额</div>
           
		</div>
		
		<ul id="J-balls-order-container-touz" style="margin-top:30px;height:270px;overflow: auto;">
				
	    </ul>
			
		
		
	</div>
	
	<a style="cursor: pointer;position:absolute;bottom:30px;left:245px;background:red;" id="speconfirm" class="btn confirm bd1" onClick="confirm_touzhu()" > 确认
		<b class="btn-inner"></b>
	</a>
	<a style="cursor: pointer;position:absolute;bottom:30px;" class="btn cancel" onClick="off_touzhu();">取消
		<b class="btn-inner"></b>
	</a>
	<div id="" class="goumai2">

	</div>

</div>




<!--确认购买框-->

<!---追号购买框-->
<div class="j-ui-miniwindow pop w-9 dialog" id="buyConfirmPop_zhuihao" style="display: none;">
	<div class="hd">
		<i class="close closeBtn" onClick="hideBuyConfirmPop();"></i>
		<span class="title">温馨提示</span>
	</div>
	<div class="bd">
		<div class="bd">
			<ul class="ui-form">
				<li>
					<label for="question1" class="ui-label">彩种：</label>
					<span class="ui-text-info" id="buylotteryName">{$cp_info.cp_name_new}</span>
				</li>
				<label for="question1" class="ui-label">玩法：</label>
				<span class="ui-text-info" id="buyqihao">{$wf_info.wanfa}</span>
				<li>
					<label for="question1" class="ui-label">追号期数：</label>
					<span class="ui-text-info" id="zhuihao_zhushu"></span>
				</li>
				<li>
					<label for="question2" class="ui-label">付款总金额：</label>
					<span class="ui-text-info">
						<span class="color-red" id="zhuihao_buyTotleMoney"></span>
						<font>元</font>
					</span>
				</li>
			</ul>
			<p class="text-note"></p>
		</div>
	</div>
	<a style="cursor: pointer" class="btn confirm"  id="speconfirm_zhuihao"  onClick="queren_zhuihao()">确 认
		<b class="btn-inner"></b>
	</a>
	<a style="cursor: pointer" class="btn cancel" onClick="zhuihao_quxiao();">取消
		<b class="btn-inner"></b>
	</a>
</div>
<!--追号购买框-->

<!-- 公告通知 -->
<div class="j-ui-miniwindow pop w-9 w-pop" id="newTermPop" style="z-index: 700; position: fixed; display: none;">
	<div class="hd">
		<i class="close closeBtn" onClick="closeNewTermPop()"></i>
		<span class="title">温馨提示</span>
	</div>
	<div class="bd">
		<div class="bd text-center">
			<div class="pop-title">
				<i class="ico-waring"></i>
				<input type="hidden" id="chendan_id" value="" />
				<h4 class="pop-text" id="popLastTerm">订单取消后，将不可恢复，确定撤单？</h4>
			</div>
		</div>
	</div>
	<a href="#" style="display: inline-block;" onClick="chedan_ok()" class="btn closeTip">确 定
		<b class="btn-inner"></b>
	</a>
	<a href="#" style="display: inline-block;" onClick="chedan_off()" class="btn closeTip">关 闭
		<b class="btn-inner"></b>
	</a>
</div>

<!-- 公告通知 -->
<div class="j-ui-miniwindow pop w-9 w-pop" id="newTermPop_ddxx" style="z-index: 700; position: fixed; display: none;">
	<div class="hd">
		<i class="close closeBtn" onClick="closeNewTermPop()"></i>
		<span class="title">温馨提示</span>
	</div>
	<div class="bd">
		<div class="bd text-center">
			<div class="pop-title" style="text-align: left">
				<i class="ico-waring"></i>
				<h4 class="pop-text">
					
					<div style="overflow: hidden;width:300px;"><span style="display:block;width:80px;float:left;">投注号码：</span><span  id="ddxx_tzhm" style="display:block;width:220px;float:left;font-weight: 800; color: #FF0000"></span><div>
					</br> 投注玩法：
					<span id="ddxx_tzwf" style="font-weight: 800; color: #FF0000">{$wf_info.wanfa}</span>
					</br> 投注注数：
					<span id="ddxx_tzzs" style="font-weight: 800; color: #FF0000"></span>
					</br> 投注金额：
					<span id="ddxx_tzje" style="font-weight: 800; color: #FF0000"></span>
					</br> 单注金额：
					<span id="ddxx_tzdz" style="font-weight: 800; color: #FF0000"></span>
					</br> 投注赔率：
					<span id="ddxx_tzpl" style="font-weight: 800; color: #FF0000"></span>
					</br>
				</h4>
			</div>
		</div>
	</div>
	<a href="#" style="display: inline-block;" onClick="off_ddxx()" class="btn closeTip">关 闭
		<b class="btn-inner"></b>
	</a>
</div>

<div class="j-ui-miniwindow pop w-9 w-pop" id="xianjinpanPop" style="z-index: 700; position: fixed;">
	<div class="hd">
		<i class="close closeBtn" onClick="closeXianjinPop()"></i>
		<span class="title" id="xianjinpanTitle"></span>
	</div>
	<div class="bd">
		<div class="bd text-center xianjinpantable" style="height: 180px; width: 100%; overflow: auto;">
			<table style="width: 100%;">
				<thead>
					<tr>
						<th>
							<h3>号码</h3>
						</th>
						<th>
							<h3>赔率</h3>
						</th>
						<th>
							<h3>金額</h3>
						</th>
					</tr>
				</thead>
				<tbody id="orderList">
				</tbody>
				<tbody id="Tbody1">
				</tbody>
			</table>
		</div>
	</div>
	<a href="#" style="display: inline-block;" onClick="buyXianjinpan()" class="btn closeTip">确 定
		<b class="btn-inner"></b>
	</a>
	<a href="#" style="display: inline-block;" onClick="closeXianjinPop()" class="btn closeTip">关 闭
		<b class="btn-inner"></b>
	</a>

</div>

<div id="sytsxx_ddsy"></div>
</div>
</div>
</div>
</div>
</div>



</body>


<script type="text/javascript">

	$('#zhuihao_k').click(function(){
		$('#zhuihaodm').css('display','none');
		$('#zhuihao_k').css('display','none')
	})

	//滚轮失效
	$('.bottom_scroll').bind('mousewheel', function(event, delta) { return false; });


	// 近一期近五期的切换
	$('#jy').click(function(){
		$(this).addClass('active').siblings('div').removeClass('active');
		$('.jinwu').css('display','none');
		$('.jinyi').css('display','block');
	})

$('#jw').click(function(){
		$(this).addClass('active').siblings('div').removeClass('active');
		$('.jinyi').css('display','none');
		$('.jinwu').css('display','block');
	})

//删除全部	
	$("#whole_1").click(function(){
		$("#J-balls-order-container li").remove();
		$("#J-balls-order-container-touz li").remove()
		
		$('#J-gameOrder-lotterys-num').text(0);
		$('#J-gameOrder-amount').text(0);
		$('#no_old_tzhm').val('');
		$('#zhuihaodm').css("display","none");
	})

//ssc任选里的组选，组三，组六】
$('.ball-content1').children('li').click(function(){
	
	
	if($(this).children('span').hasClass('ball-content1_span') == true){
		$(this).children('span').removeClass('ball-content1_span');
	}else{
		$(this).children('span').addClass('ball-content1_span');
	}
$(".play-section").addClass("animated shake")
$("#allnavs").addClass("animated shake")

})


function a(){
	var a = $('.ball-content').children('li').children('.ball-number.ball-number-current');
	a.trigger("click");	
}




</script>

<!--随机几注-->
<script>
function random_core(class_id) {
	var random = "random_" + class_id +"()";
	eval(random);	
}
	
function random_core_five(class_id) {
	var random = "random_five_" + class_id +"()";
	eval(random);
}
$('#quxiao_touzhu').click(function(){
	$('#buyConfirmPop').hide()
	$('#JS_blockOverlay').hide()
})



</script>

</html>